@charset 'UTF-8';

/* Import Foundation Assets, does not output actual styles */
@import 'vendors/foundation';

@mixin foundation-everything($flex: true, $prototype: false) {
	@if $flex {
		$global-flexbox: true !global;
	}

	// Global styles
	@include foundation-global-styles;
	@include foundation-forms;
	@include foundation-typography;

	// Grids
	@if not $flex {
		@include foundation-grid;
	} @else {
		@if $xy-grid {
			@include foundation-xy-grid-classes;
		} @else {
			@include foundation-flex-grid;
		}
	}

	// Generic components
	@include foundation-button;
	// @include foundation-button-group;
	// @include foundation-close-button;
	// @include foundation-label;
	// @include foundation-progress-bar;
	// @include foundation-slider;
	// @include foundation-switch;
	@include foundation-table;

	// Basic components
	// @include foundation-badge;
	// @include foundation-breadcrumbs;
	@include foundation-callout;
	// @include foundation-card;
	// @include foundation-dropdown;
	// @include foundation-pagination;
	// @include foundation-tooltip;

	// Containers
	// @include foundation-accordion;
	// @include foundation-media-object;
	// @include foundation-orbit;
	@include foundation-responsive-embed;
	// @include foundation-tabs;
	// @include foundation-thumbnail;

	// Menu-based containers
	// @include foundation-menu;
	// @include foundation-menu-icon;
	// @include foundation-accordion-menu;
	// @include foundation-drilldown-menu;
	// @include foundation-dropdown-menu;

	// Layout components
	// @include foundation-off-canvas;
	// @include foundation-reveal;
	// @include foundation-sticky;
	// @include foundation-title-bar;
	// @include foundation-top-bar;

	// Helpers
	@include foundation-float-classes;

	@if $flex {
		@include foundation-flex-classes;
	}

	@include foundation-visibility-classes;

	@if $prototype {
		@include foundation-prototype-classes;
	}
}

@include foundation-everything($flex: false, $prototype: false);

@import 'editor-styles/general-styles';
